<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="css/reset.css " />
  <link rel="stylesheet" href="css/indexscss.css" />
  <link rel="stylesheet" href="css/font-index.css" />
</head>
<script src="js/lib/jquery.js"></script>
<style>
  /* body{
    min-height: 1500px;
  } */
</style>

<body>
  <div class="box General">
    <!--  顶部nav -->
    <div id="Nav"></div>
    <!-- 搜索栏 -->
    <div class="General Search-bar">
      <div class="General kong">
        <img src="//img.alicdn.com/imgextra/i2/O1CN01a69z6z1hJklCkBqOU_!!6000000004257-2-tps-174-106.png"
          style="width: 87px; height: 53px" />
      </div>
      <div class="General Search-Bar">
        <input numberoflines="false" class="rax-textinput rax-textinput-placeholder-0 search-input"
          placeholder="搜索 天猫 商品/品牌/店铺" />
        <div class="General search-criteria">搜索</div>
      </div>
    </div>

    <!-- 轮播区域 商品列表 -->
    <div class="General Home--homeTop--C_JLCEh">
      <!-- 第一行 -->
      <div class="General MainNav--mainNav--3LZi8uv">
        <h2 class="MainNav--left--3FlEq4-">主题市场</h2>
        <div class="General MainNav--right--3OsfHeg">
          <a href=""><img src="//img.alicdn.com/tfs/TB1ztBlaMMPMeJjy1XbXXcwxVXa-200-60.png" style="
                  width: 100px;
                  height: 30px;
                  margin-top: 1px;
                  margin-right: 16px;
                " /></a>
          <a href=""><img src="//img.alicdn.com/tfs/TB1t5ObaBxRMKJjy0FdXXaifFXa-200-60.png" style="
                  width: 100px;
                  height: 30px;
                  margin-top: 1px;
                  margin-right: 16px;
                " /> </a><a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">天猫会员</span> </a><a
            href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">喵鲜生</span></a>
          <a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">医药馆</span></a>
          <a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">魅力惠</span></a>
          <a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">飞猪旅行</span></a>
          <a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">苏宁易购</span></a>
          <a href=""><span class="rax-text-v2 MainNav--mainNavTitle--1BwRCeZ">天猫内容</span></a>
        </div>
      </div>

      <!-- 轮播区块 -->
      <div class="General Home--homeContent--2aq74cv">
        <!-- 第一列 -->
        <div class="General Category--category--3mAHRFc">
          <!-- 女装 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#">
              <span class="rax-text-v2 Category-categoryText-1Djm">女</span>
            </a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#">
              <span class="rax-text-v2 Category-categoryText-1Djm">内衣</span>
            </a>
          </div>

          <!-- 男装 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#">
              <span class="rax-text-v2 Category-categoryText-1Djm">男装</span>
            </a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#">
              <span class="rax-text-v2 Category-categoryText-1Djm">运动户外</span>
            </a>
          </div>

          <!-- 女鞋 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href=""><span class="rax-text-v2 Category-categoryText-1Djm">女鞋</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href=""><span class="rax-text-v2 Category-categoryText-1Djm">男鞋</span></a>
            <div class="General Category--categorySlash--3Yuyz2V" data-spm-anchor-id="875.7931836.0.i1.66144265FWhJm7">
              /
            </div>
            <a href=""><span class="rax-text-v2 Category-categoryText-1Djm">箱包</span></a>
            <!---->
          </div>

          <!-- 美妆 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href=""><span class="rax-text-v2 Category-categoryText-1Djm">美妆</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href=""><span class="rax-text-v2 Category-categoryText-1Djm">个人护理</span></a>
          </div>
          <!-- 腕表 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href=""><span class="rax-text-v2 Category-categoryText-1Djm">腕表</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href=""><span class="rax-text-v2 Category-categoryText-1Djm">眼镜</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href=""><span class="rax-text-v2 Category-categoryText-1Djm">珠宝饰品</span></a>
            <!---->
          </div>

          <!-- 手机 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#" data-spm-anchor-id="875.7931836.0.0"><span
                class="rax-text-v2 Category-categoryText-1Djm">手机</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">数码</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">电脑办公</span></a>
          </div>

          <!-- 母婴玩具 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">母婴玩具</span></a>
          </div>

          <!-- 零食 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">零食</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">茶酒</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">进口食品</span></a>
          </div>

          <!-- 生鲜水果 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">生鲜水果</span></a>
          </div>

          <!-- 大家电 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">大家电</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">生活电器</span></a>
          </div>

          <!-- 家具 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">家具</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">灯具</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#">
              <span class="rax-text-v2 Category-categoryText-1Djm">卫浴</span>
            </a>
          </div>

          <!-- 汽车 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">汽车</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">配件</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">用品</span></a>
          </div>

          <!-- 家纺 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">家纺</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">家饰</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">鲜花</span></a>
          </div>

          <!-- 医药保健 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">医药保健</span></a>
          </div>

          <!-- 厨具  -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">厨具</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">收纳</span></a>
            <div class="General Category--categorySlash--3Yuyz2V">/</div>
            <a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">宠物</span></a>
            <!---->
          </div>

          <!-- 图书影像 -->
          <div class="General Category--categoryContent--unTpFyJ">
            <i class="fp-iconfont" style="
                  width: 16px;
                  height: 24px;
                  margin-left: 6px;
                  margin-right: 13px;
                  font-size: 16px;
                  line-height: 32px;
                  float: left;
                "></i><a href="#"><span class="rax-text-v2 Category-categoryText-1Djm">图书音像</span></a>
          </div>
        </div>

        <!-- 第二列轮播 -->
        <div class="General Home--homeBanner--3p_Hr3Y">
          <!-- 大轮播 -->
          <div class="General" id="Dalunbo"></div>

          <!-- 小轮播 -->
          <div class="General" id="Xiaolunbo"></div>
        </div>

        <!-- 轮播右侧 -->
        <div class="General VipContent--vipContent--zEfnnnW">
          <!-- 登录头像 -->
          <div class="General VipContent--vipContentUser--3IpJp39">
            <div class="General VipContent--userTop--2Yppcrd">
              <a href="#"><img quality="normal" src="https://gtms03.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_80x80.jpg
                " style="
                      width: 80px;
                      height: 80px;
                      border-radius: 80px;
                      margin: 0px auto;
                      display: block;
                    " /><span class="rax-text-v2 VipContent--userText--3fYu5Ba">请登录</span></a>
            </div>
          </div>

          <!-- 天猫超市 -->
          <div class="General VipContent--tipSlider--1p0gGZL">
            <div class="General rax-slider VipContent--tipSliderMain--2AVNymz">
              <div class="General rax-slider-swipe" style="width: 356px; height: 141px">
                <div class="General rax-slider-children childWrap0" style="width: 356px; height: 141px; left: 0px">
                  <a href="https://pages.tmall.com/wow/an/cs/act/wupr?spm=875.7931836.0.0.66144265f425gk&amp;wh_biz=tm&amp;wh_pid=2021-act-maf%2F17becd4bfd3&amp;disableNav=YES"
                    data-spm-anchor-id="875.7931836.0.0"><img quality="normal" data-once="true"
                      src="//gw.alicdn.com/imgextra/i1/O1CN014AxN4C1Z7pWRr4wzb_!!6000000003148-0-tps-356-141.jpg_360x10000Q75.jpg_.webp"
                      style="width: 356px; height: 141px; border-radius: 6px"
                      data-spm-anchor-id="875.7931836.0.i0.66144265f425gk" /></a>
                </div>
              </div>
              <!---->
            </div>
          </div>

          <!-- 公告 -->
          <div class="General VipContent--notice--31DoCK9">
            <div class="VipContent--noticeTop--2lU0OJG" data-spm-anchor-id="875.7931836.0.i2.66144265f425gk">
              <span>公告</span>新鲜事儿都在这里～
            </div>
            <div class="VipContent--noticeBottom--2xKOvWA">
              <a href="#"><span class="VipContent--spanLeft--2NSp-v4">热点</span><span
                  class="VipContent--spanRight--14fSInf">设计创享家3D设计服务大赛来袭！</span></a>
            </div>
            <div class="VipContent--noticeBottom--2xKOvWA">
              <a href="#"><span class="VipContent--spanLeft--2NSp-v4">热点</span><span
                  class="VipContent--spanRight--14fSInf">全球新发现，好物开抢就现在！</span></a>
            </div>
            <div class="VipContent--noticeBottom--2xKOvWA">
              <a href="#"><span class="VipContent--spanLeft--2NSp-v4">热点</span><span
                  class="VipContent--spanRight--14fSInf">万款新品流行速递抢先看</span></a>
            </div>
          </div>

          <!-- 收藏的宝贝 -->
          <div class="General VipContent--myTao--26OSs_y">
            <div style="float: left; margin-right: 34px">
              <a href="//shoucang.taobao.com/item_collect.htm?spm=875.7931836.0.0.66144265f425gk"
                data-spm-anchor-id="875.7931836.0.0"><i class="fp-iconfont" style="font-size: 22px; margin-left: 19px"
                  data-spm-anchor-id="875.7931836.0.i3.66144265f425gk"></i>
                <div>收藏的宝贝</div>
              </a>
            </div>
            <div style="float: left; margin-right: 34px">
              <a href="//favorite.taobao.com/list_bought_shops_n.htm"><i class="fp-iconfont"
                  style="font-size: 22px; margin-left: 22px"></i>
                <div>买过的店铺</div>
              </a>
            </div>
            <div style="float: left; margin-right: 34px">
              <a href="https://shoucang.taobao.com/shop_collect_list_n.htm"><i class="fp-iconfont"
                  style="font-size: 22px; margin-left: 19px"></i>
                <div>收藏的店铺</div>
              </a>
            </div>
            <div style="float: left">
              <a href="https://www.taobao.com/markets/footmark/tbfoot"><i class="fp-iconfont"
                  style="font-size: 22px; margin-left: 12px"></i>
                <div>我的足迹</div>
              </a>
            </div>
          </div>
        </div>
      </div>

      <!-- 天猫超市 -->
      <div class="General FloorModule--tmcsModule--27mV5Wq">
        <div>
          <img
            src="//gw.alicdn.com/imgextra/i1/O1CN01obvh6l1iRpMLSol1z_!!6000000004410-2-tps-214-68.png_110x10000.jpg_.webp" />
        </div>

        <!-- 商品盒子 -->
        <div class="General FloorModule-box">
          <!-- 商品模板 -->
          <!-- <div class="General FloorModule--tmcsContentItem--c31nDTr">
            <a
              href="//item.taobao.com/item.htm?spm=875.7931836.0.0.66144265f425gk&amp;id=43167690101&amp;scm=1007.12144.81309.73136_0_0&amp;pvid=3022dcec-7ae6-4a91-a2c6-b59843ee2d8c&amp;utparam=%7B%22x_hestia_source%22%3A%2273136%22%2C%22x_object_type%22%3A%22item%22%2C%22x_hestia_subsource%22%3A%22default%22%2C%22x_mt%22%3A8%2C%22x_src%22%3A%2273136%22%2C%22x_pos%22%3A1%2C%22wh_pid%22%3A-1%2C%22x_pvid%22%3A%223022dcec-7ae6-4a91-a2c6-b59843ee2d8c%22%2C%22scm%22%3A%221007.12144.81309.73136_0_0%22%2C%22x_object_id%22%3A43167690101%2C%22tpp_buckets%22%3A%222144%230%2381309%230%22%7D"><img
                src="//gw.alicdn.com/bao/uploaded/i4/6000000001990/O1CN011E8m221QZStZHumsu_!!6000000001990-0-picassoopen.jpg_220x10000Q75.jpg_.webp">
              <div class="FloorModule--mask--26Ahf9Q"></div>
              <div class="FloorModule--tmcsName--19MBfMf">大宝SOD蜜清爽保湿露补水滋润不油腻身体乳液面霜护手霜100ml*1瓶</div><span
                class="rax-text-v2 FloorModule--tmcsPrice--1dbgcpg">￥22.9</span>
            </a></div> -->
        </div>
      </div>
      <!-- 猜你喜欢 -->
      <div class="General Wonderful--Wonderful--39s5FTY">
        <!-- 大盒子 -->
        <div class="Wonderful--WonderfulTop--bh-vw_R">
          <!-- 猜你喜欢 -->
          <div class="Wonderful--topLeft--2JPafdL">猜你喜欢</div>

          <!-- 个性推荐 -->
          <div class="Wonderful--topRight--1Nwzx81">
            <span>个性推荐</span>
          </div>

          <!-- 商品盒子 -->
          <div class="General Wonderful-box2">
            <!-- 商品模板 -->
            <!-- <div class="General Wonderful--WonderfulItem--22oI0pH"><a href="#">
              <img src="//gw.alicdn.com/bao/uploaded/bao/upload/O1CN01BfIi6o1qE6PTXxghG_!!6000000005463-2-yinhe.png_220x10000.jpg_.webp">
                <div class="Wonderful--mask--1fwB7tp"></div>
                <p class="Wonderful--title--23U6SgE">尚巧厨展艺吉利丁片旗舰店食用家用烘焙自制奶酪棒宝宝婴儿材料粉</p>
                <p class="Wonderful--price--2VEZvrl">￥10.9</p>
              </a></div> -->
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div id="Bottom"></div>
  </div>
  <!--  <script src="js/bigcarousel.js"></script> -->
  <script src="js/index.js"></script>

</body>

</html>